<template>
	<div class="box">
		<h1>R01</h1>
		<!-- this.$route是路由的参数对象 -->
		<!-- this.$router是路由的导航对象 -->
		<!-- <h6>动态路由传参为：{{this.$route.params.id}}</h6> -->
		<h6>动态路由传参为：{{$route.params.id}}</h6>
		<h6>动态路由传参由为props接收为：{{id}}</h6>
		<hr />
	</div>
</template>

<script>
	export default{
		props:['id']
	}
</script>

<style scoped>
	.box{
		height: 500px;
		background-color: rebeccapurple;
	}
</style>